<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Site made with Mobirise Website Builder v5.2.0, https://mobirise.com -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="generator" content="Mobirise v5.2.0, mobirise.com">
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:image:src" content="assets/images/index-meta.jpg">
    <meta property="og:image" content="assets/images/index-meta.jpg">
    <meta name="twitter:title" content="Phantoms">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <link rel="shortcut icon" href="https://img.picgo.net/2024/10/18/frame-1-121x121bc5d878c1dd0d5fc.png"
          onerror="this.onerror=null;this.src='./assets/images/frame-1-121x121.png';"
          type="image/x-icon">
    <meta name="description" content="FF14、FC/CWLS Phantomsのホームページです。">


    <title>Phantoms</title>
    <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
    <link rel="stylesheet" href="assets/tether/tether.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="assets/dropdown/css/style.css">
    <link rel="stylesheet" href="assets/socicon/css/styles.css">
    <link rel="stylesheet" href="assets/theme/css/style.css">
    <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css">
    <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">

    <link rel="stylesheet" href="additions/mouse.css">
    <title>Art Exhibition</title>

    <style>
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
        }
        .gallery-container {
            max-width: 1200px;
            margin: auto;
            padding: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }
        .gallery-item {
            margin: 10px;
            cursor: pointer;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position: relative;
            width: 550px;
            height: 550px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .gallery-item img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            display: block;
            transition: transform 0.6s ease;
        }
        .gallery-item:hover img {
            transform: scale(1.05);
        }

        /* 组图样式 */
        .group-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            width: 100%;
            height: 100%;
        }
        .group-item {
            position: relative;
            overflow: hidden;
        }
        .group-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .group-label {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 5px 10px;
            border-radius: 15px;
            font-size: 12px;
            z-index: 10;
        }

        .lightbox {
            display: none;
            position: fixed;
            z-index: 1000;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
            flex-direction: column; /* 改为垂直排列 */
        }
        .lightbox img {
            max-width: 90%;
            max-height: 90%;
            width: auto;
            height: auto;
            object-fit: contain;
            border-radius: 5px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.5);
        }
        .lightbox img, .group-lightbox-container img {
            max-width: 90%;
            max-height: 70vh; /* 进一步减少高度，为关闭按钮留更多空间 */
            width: auto;
            height: auto;
            object-fit: contain;
            border-radius: 5px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.5);
            margin-bottom: 0; /* 移除margin-bottom，改用容器的flex布局 */
        }
        .lightbox-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 90%;
            max-height: 90%;
        }
        .close-lightbox {
            cursor: pointer;
            position: relative; /* 改为相对定位 */
            margin-top: 20px; /* 在图片和按钮之间添加间距 */
            color: #fff;
            font-size: 35px;
            font-weight: bold;
            background: rgba(0, 0, 0, 0.7);
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1001;
            transition: background 0.3s;
            border: 2px solid white;
        }
        .close-lightbox:hover {
            background: rgba(255, 255, 255, 0.9);
            color: #000;
        }
        .caption {
            position: absolute;
            bottom: 10px;
            left: 10px;
            color: white;
            background-color: rgba(0, 0, 0, 0.5);
            padding: 5px;
            border-radius: 5px;
            font-size: 14px;
        }

        .author {
            /* 作者名样式 */
        }

        .title {
            /* 作品名样式 */
        }

        /* 组图灯箱样式 */
        .group-lightbox-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 90%;
            max-height: 90%;
        }
        .group-lightbox-container img {
            max-width: 100%;
            max-height: calc(90vh - 80px); /* 为导航栏留出空间 */
            width: auto;
            height: auto;
            object-fit: contain;
            border-radius: 5px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.5);
        }
        .group-nav {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
            color: white;
            width: 100%;
        }
        .group-nav-btn {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            color: white;
            font-size: 24px;
            padding: 10px 15px;
            margin: 0 10px;
            cursor: pointer;
            transition: background 0.3s;
        }
        .group-nav-btn:hover {
            background: rgba(255, 255, 255, 0.4);
        }
        #group-counter {
            margin: 0 15px;
            font-size: 16px;
        }
    </style>
</head>

<body>

<style type="text/css">
    body {
        background: #f4f4f4;
    }

    #fixedButton {
        position: fixed; /* 固定位置 */
        bottom: 20px; /* 距离底部的距离 */
        right: 20px; /* 距离右侧的距离 */
        z-index: 9999; /* 确保它在最顶层 */
    }

    .btn {
        padding: 10px 20px;
        background-color: #f8f9fa;
        color: #000;
        text-decoration: none;
        border-radius: 5px;
        border: 1px solid #ccc;
        display: inline-block;
        text-align: center;
    }

    .title {
        font-size: 0.8em; /* 大字 */
        color: black;
    }

    .subtitle {
        font-size: 0.6em; /* 小字 */
        color: #aaa; /* 浅灰色 */
    }
</style>
<div style="position: fixed;opacity:1; background-color: rgb(36,35,36)">
    		<iframe src="additions/bubble.html" scrolling="No" frameborder="hide" style="position: fixed; width: 100%; height: 100%; max-width: 100%; object-fit: cover; opacity: 20%"></iframe>
<!--    <video autoplay muted loop style="position: fixed;width: 100%; height: 100%; max-width: 100%; max-height: 100%; min-width: 426px; min-height: 240px; object-fit: cover; opacity: 0.2;padding-top: 70px">-->
<!--        <source src="https://img.picgo.net/2024/10/18/vedio35591bb9b85483808.mp4" type="video/mp4">-->
<!--    </video>-->
</div>


<div id="menu"></div>
<script src="./assets/web/assets/jquery/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#menu").load("./additions/menu/menu1.html", function() {
            adjustLinks();
            window.addEventListener('resize', adjustLinks);
        });
    });
</script>

<div class="mbr-section-btn mt-3" id="fixedButton">
    <a class="btn btn-light display-4" target="_blank" href="https://www.picgo.net/album/Srhn2" aria-expanded="false">
        <div class="title">PicGo图床</div>
        <div class="subtitle">点击跳转</div>
    </a>
</div>

<div class="gallery-container">
    <!-- Gallery Items -->
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/16203abc06869b783d62c061750eab7e7de31e2cb54d050d.jpg')">
        <img src="https://img.picgo.net/2024/10/18/16203abc06869b783d62c061750eab7e7de31e2cb54d050d.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">YukiRinLL</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/751b8ca50bd7ab9c5c14d5936ba2f9e73eb4cf267d7f4996.jpg')">
        <img src="https://img.picgo.net/2024/10/18/751b8ca50bd7ab9c5c14d5936ba2f9e73eb4cf267d7f4996.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">YukiRinLL</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/0f0769f1f8eed6498814b9fbaa29cf2793b258e793cc3aad.jpg')">
        <img src="https://img.picgo.net/2024/10/18/0f0769f1f8eed6498814b9fbaa29cf2793b258e793cc3aad.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">YukiRinLL</span>
            <span class="title"><strong>Ronka</strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/aa1b3db1ed6dab4fc6.jpg')">
        <img src="https://img.picgo.net/2024/10/18/aa1b3db1ed6dab4fc6.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">YukiRinLL</span>
            <span class="title"><strong>雨中</strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_013c7a03964af991e8d.jpg')">
        <img src="https://img.picgo.net/2024/10/18/IMG_013c7a03964af991e8d.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/216E80AA15ED7DE65F0E8E92BC173164bbc7dbee9238b90a.jpeg')">
        <img src="https://img.picgo.net/2024/10/18/216E80AA15ED7DE65F0E8E92BC173164bbc7dbee9238b90a.md.jpeg" alt="Gallery Image" />
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/llbb308d6690c35c82.jpg')">
        <img src="https://img.picgo.net/2024/10/18/llbb308d6690c35c82.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">YukiRinLL</span>
            <span class="title"><strong>角色自画像</strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_01192373d6739840ac4.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG_01192373d6739840ac4.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_010aded14e83e228ab7.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG_010aded14e83e228ab7.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_008c69bef7dd6784a93.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG_008c69bef7dd6784a93.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_0094ed144dfdc93eb7a.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG_0094ed144dfdc93eb7a.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_0065924cad9c8344886.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG_0065924cad9c8344886.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/CPa7c87a3fad998fad.jpg')">
        <img src="https://img.picgo.net/2024/10/18/CPa7c87a3fad998fad.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">YukiRinLL</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG5df9ec9265d50c4a.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG5df9ec9265d50c4a.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Yan</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_014f3afce7efc3954d5.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG_014f3afce7efc3954d5.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_0022e66f914b51d223a.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG_0022e66f914b51d223a.md.png" alt="GalleryImage" />
        <div class="caption">
            <span class="author">Yan</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_00715b84a00543aea85.png')">
        <img src="https://img.picgo.net/2024/10/18/IMG_00715b84a00543aea85.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_004964694cb331379db.jpg')">
        <img src="https://img.picgo.net/2024/10/18/IMG_004964694cb331379db.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_005ac9def51dab57fae.jpg')">
        <img src="https://img.picgo.net/2024/10/18/IMG_005ac9def51dab57fae.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">朝夕优</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_00140055024436b9786.jpg')">
        <img src="https://img.picgo.net/2024/10/18/IMG_00140055024436b9786.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Yan</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/IMG_00335bb81ba5c3ab5f6.jpg')">
        <img src="https://img.picgo.net/2024/10/18/IMG_00335bb81ba5c3ab5f6.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">鲸波万仞</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/9500463C-2849-4792-A758-FDF132F77CD4_hd1a7081d54d0d5276.jpg')">
        <img src="https://img.picgo.net/2024/10/18/9500463C-2849-4792-A758-FDF132F77CD4_hd1a7081d54d0d5276.md.jpg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">YukiRinLL</span>
            <span class="title"><strong>猫猫Yan</strong></span>
        </div>
    </div>

    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmphVXh5bG44YnJpRWchIQUAcXVuZ3o9060136a14ce1227.jpeg')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmphVXh5bG44YnJpRWchIQUAcXVuZ3o9060136a14ce1227.md.jpeg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">YukiRinLL</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiWC5vUm5OTElhRFEhIQUAcXVuZ3o40a10660f76ffd8c.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiWC5vUm5OTElhRFEhIQUAcXVuZ3o40a10660f76ffd8c.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Alduin</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/25/73E098A131EC5EB16F16D1B51337179Ef10a8d37d6c30179.jpeg')">
        <img src="https://origin.picgo.net/2025/11/25/73E098A131EC5EB16F16D1B51337179Ef10a8d37d6c30179.md.jpeg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Nxy</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://img.picgo.net/2024/10/18/75B25F2160F64384E26287DA3F7A926A994664b4259bf053.jpeg')">
        <img src="https://img.picgo.net/2024/10/18/75B25F2160F64384E26287DA3F7A926A994664b4259bf053.jpeg" alt="Gallery Image" />
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaWW5zWm9QcGJkQnchIQUAcXVuZ3oa5e5b6afc3e2faf6.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaWW5zWm9QcGJkQnchIQUAcXVuZ3oa5e5b6afc3e2faf6.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpidnlzeG9pdjF2TFEhIQUAcXVuZ3oc5da74ac205ad5a5.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpidnlzeG9pdjF2TFEhIQUAcXVuZ3oc5da74ac205ad5a5.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaT0NjMW9zUzF4S3chIQUAcXVuZ3o6a3bad2a8bfb2af1.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaT0NjMW9zUzF4S3chIQUAcXVuZ3o6a3bad2a8bfb2af1.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>

    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/QQ20251121100956408afe77de2a7900a0.png')">
        <img src="https://origin.picgo.net/2025/11/21/QQ20251121100956408afe77de2a7900a0.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaNWR4Wm50SmxySlEhIQUAcXVuZ3oe00ea74c18f50f1f.jpeg')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaNWR4Wm50SmxySlEhIQUAcXVuZ3oe00ea74c18f50f1f.md.jpeg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaT21EUm5CZ2FvQmchIQUAcXVuZ3o51b061bf45e56344.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaT21EUm5CZ2FvQmchIQUAcXVuZ3o51b061bf45e56344.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiMGlZcG5vc253SHchIQUAcXVuZ3o718d86740d79b960.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiMGlZcG5vc253SHchIQUAcXVuZ3o718d86740d79b960.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmphTWtkMW5lWW1LT1EhIQUAcXVuZ3o37a35063d7bdcc63.jpeg')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmphTWtkMW5lWW1LT1EhIQUAcXVuZ3o37a35063d7bdcc63.md.jpeg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmphZTFFdG8wUm5VQlEhIQUAcXVuZ3od3ab395202119518.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmphZTFFdG8wUm5VQlEhIQUAcXVuZ3od3ab395202119518.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaUGY0Um8yS3RsTUEhIQUAcXVuZ3ob57d545461112331.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaUGY0Um8yS3RsTUEhIQUAcXVuZ3ob57d545461112331.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaUWY0Um9BMDFsTUEhIQUAcXVuZ3ofe07c544ab3c2652.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaUWY0Um9BMDFsTUEhIQUAcXVuZ3ofe07c544ab3c2652.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiV0NVMW9xT3A5RHchIQUAcXVuZ3o38fd5c64315e442d.jpeg')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiV0NVMW9xT3A5RHchIQUAcXVuZ3o38fd5c64315e442d.md.jpeg" alt="Gallery Image" />
        <div class="caption">
            <span class="author">鲸波万仞</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiWXQxOW9MTWo3R2chIQUAcXVuZ3o500e45f02eb548a6.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiWXQxOW9MTWo3R2chIQUAcXVuZ3o500e45f02eb548a6.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaYUNJWm9vM0diR1EhIQUAcXVuZ3o8adbd9792eb69b58.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaYUNJWm9vM0diR1EhIQUAcXVuZ3o8adbd9792eb69b58.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>
    <div class="gallery-item" onclick="openLightbox('https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiQllhbG85amVIQkEhIQUAcXVuZ3oa3790c6459e241bf.png')">
        <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiQllhbG85amVIQkEhIQUAcXVuZ3oa3790c6459e241bf.md.png" alt="Gallery Image" />
        <div class="caption">
            <span class="author">Artist</span>
            <span class="title"><strong></strong></span>
        </div>
    </div>

    <!-- 组图 -->
    <div class="gallery-item" onclick="openGroupLightbox(['https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpicE5yaG9heXJ1Q0EhIQUAcXVuZ3od482dd00445dadc3.png', 'https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpicU5yaG9YY0xyQ0EhIQUAcXVuZ3o8b1a640695c75850.png'])">
        <div class="group-container">
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpicE5yaG9heXJ1Q0EhIQUAcXVuZ3od482dd00445dadc3.md.png" alt="组图1" />
            </div>
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpicU5yaG9YY0xyQ0EhIQUAcXVuZ3o8b1a640695c75850.md.png" alt="组图2" />
            </div>
        </div>
        <div class="group-label">组图</div>
        <div class="caption">
            <span class="author">鲸波万仞</span>
            <span class="title">你要睡了吗.jpg</span>
        </div>
    </div>
    <!-- 组图 -->
    <div class="gallery-item" onclick="openGroupLightbox(['https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpZeUJNMW8yTEFpR1EhIQUAcXVuZ3o5d3eec9374c851b6.jpeg', 'https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpZekJNMW9tTU1qR1EhIQUAcXVuZ3o6a8e1b378b131962.jpeg', 'https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaTHE5dG9uNFhMS1EhIQUAcXVuZ3o438161b406ecee77.png', 'https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaTXE5dG9FZWpMS1EhIQUAcXVuZ3o6b8bce453edb9b95.png'])">
        <div class="group-container">
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpZeUJNMW8yTEFpR1EhIQUAcXVuZ3o5d3eec9374c851b6.jpeg" alt="组图1" />
            </div>
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpZekJNMW9tTU1qR1EhIQUAcXVuZ3o6a8e1b378b131962.jpeg" alt="组图2" />
            </div>
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaTHE5dG9uNFhMS1EhIQUAcXVuZ3o438161b406ecee77.md.png" alt="组图1" />
            </div>
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaTXE5dG9FZWpMS1EhIQUAcXVuZ3o6b8bce453edb9b95.md.png" alt="组图2" />
            </div>
        </div>
        <div class="group-label">组图</div>
        <div class="caption">
            <span class="author">鲸波万仞</span>
            <span class="title"><strong>表情包</strong></span>
        </div>
    </div>
    <!-- 组图 -->
    <div class="gallery-item" onclick="openGroupLightbox(['https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaSUQ4Qm9yRDFQRVEhIQUAcXVuZ3o6de52f1e1f281347.png', 'https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiY2NibG9QN1VJTGchIQUAcXVuZ3of294008937dc5bc6.png','https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiZEVzbG9iTkxXQVEhIQUAcXVuZ3o4fda4e7db434870d.png','https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpib05yaG9nKmZsQ0EhIQUAcXVuZ3o029e0daa33eb6c14.png'])">
        <div class="group-container">
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpaSUQ4Qm9yRDFQRVEhIQUAcXVuZ3o6de52f1e1f281347.md.png" alt="Gallery Image" />
            </div>
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiY2NibG9QN1VJTGchIQUAcXVuZ3of294008937dc5bc6.md.png" alt="Gallery Image" />
            </div>
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpiZEVzbG9iTkxXQVEhIQUAcXVuZ3o4fda4e7db434870d.md.png" alt="Gallery Image" />
            </div>
            <div class="group-item">
                <img src="https://origin.picgo.net/2025/11/21/NR8AVjViQ1FBM09EYzVNRGswTmpib05yaG9nKmZsQ0EhIQUAcXVuZ3o029e0daa33eb6c14.png" alt="Gallery Image" />
            </div>
        </div>
        <div class="group-label">组图</div>
        <div class="caption">
            <span class="author">鲸波万仞</span>
            <span class="title">表情包</span>
        </div>
    </div>
</div>

<!-- 单图灯箱 -->
<div id="lightbox" class="lightbox">
    <div class="lightbox-content">
        <img src="" alt="Lightbox Image" />
        <span id="close-lightbox" class="close-lightbox">&times;</span>
    </div>
</div>

<!-- 组图灯箱 -->
<div id="group-lightbox" class="lightbox">
    <div class="group-lightbox-container">
        <img src="" alt="Group Lightbox Image" />
        <div class="group-nav">
            <button id="prev-btn" class="group-nav-btn">&#10094;</button>
            <span id="group-counter">1 / 2</span>
            <button id="next-btn" class="group-nav-btn">&#10095;</button>
        </div>
        <span id="close-group-lightbox" class="close-lightbox">&times;</span>
    </div>
</div>

<script>
    // 单图灯箱功能
    let lightboxImg = document.getElementById('lightbox').querySelector('img');
    let closeLightbox = document.getElementById('close-lightbox');
    let lightbox = document.getElementById('lightbox');

    function openLightbox(src) {
        lightbox.style.display = 'flex';
        lightboxImg.src = src;
    }

    closeLightbox.onclick = function() {
        lightbox.style.display = 'none';
    }

    window.onclick = function(event) {
        if (event.target == lightbox) {
            lightbox.style.display = 'none';
        }
    }

    // 组图灯箱功能
    let groupLightbox = document.getElementById('group-lightbox');
    let groupLightboxImg = groupLightbox.querySelector('img');
    let closeGroupLightbox = document.getElementById('close-group-lightbox');
    let prevBtn = document.getElementById('prev-btn');
    let nextBtn = document.getElementById('next-btn');
    let groupCounter = document.getElementById('group-counter');

    let currentGroupImages = [];
    let currentGroupIndex = 0;

    function openGroupLightbox(images) {
        currentGroupImages = images;
        currentGroupIndex = 0;
        updateGroupLightbox();
        groupLightbox.style.display = 'flex';
    }

    function updateGroupLightbox() {
        // 确保使用源文件链接（不带.md的链接）
        groupLightboxImg.src = currentGroupImages[currentGroupIndex];
        groupCounter.textContent = `${currentGroupIndex + 1} / ${currentGroupImages.length}`;

        // 图片加载完成后确保适应窗口
        groupLightboxImg.onload = function() {
            // 确保图片不会超出窗口
            this.style.maxWidth = '100%';
            this.style.maxHeight = 'calc(90vh - 80px)';
            this.style.width = 'auto';
            this.style.height = 'auto';
            this.style.objectFit = 'contain';
        };
    }

    prevBtn.onclick = function() {
        if (currentGroupIndex > 0) {
            currentGroupIndex--;
            updateGroupLightbox();
        }
    }

    nextBtn.onclick = function() {
        if (currentGroupIndex < currentGroupImages.length - 1) {
            currentGroupIndex++;
            updateGroupLightbox();
        }
    }

    closeGroupLightbox.onclick = function() {
        groupLightbox.style.display = 'none';
    }

    window.addEventListener('click', function(event) {
        if (event.target == groupLightbox) {
            groupLightbox.style.display = 'none';
        }
    });
</script>

<section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;">
    <p style="flex: 0 0 auto; margin:0; padding-right:1rem;">Page was <a href="https://mobirise.site/g" style="color:#aaa;">designed</a> with Mobirise</p>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/ytplayer/jquery.mb.ytplayer.min.js"></script>
<script src="assets/vimeoplayer/jquery.mb.vimeo_player.js"></script>
<script src="assets/dropdown/js/nav-dropdown.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/theme/js/script.js"></script>


</body>



<div id="foot"></div>
<script src="./assets/web/assets/jquery/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#foot").load("./additions/foot/profile-round.html");
    });
</script>
<!-- 引入访客统计模块 -->
<script src="visitor-tracker.js"></script>
<!-- Cloudflare Web Analytics -->
<script defer src='./lib/cloudflare/beacon.min.js' data-cf-beacon='{"token": "0e55e488041949479a3dace73ef940cd"}'>
</script>
<!-- End Cloudflare Web Analytics -->


</html>